<template>
  <div class="m_header">
    <div class="logo">
      <router-link to="/">
        <img src="../../assets/imgs/header_logo.png" alt>
      </router-link>
    </div>
    <a class="app_download">
      <img src="../../assets/imgs/header_app.png" alt>
    </a>
  </div>
</template>

<script>
export default {
  name: 'MHeader'
}
</script>
<style scoped lang='stylus'>
.m_header
  display flex
  justify-content space-between
  align-items center
  background-color #ff841d
  height 1rem
  .logo
    width 50%
    padding-left 0.2rem
    box-sizing border-box
    img
      width 100%
  .app_download
    width 0.8rem
    height 0.8rem
    padding 0 0.1rem
    // box-sizing  border-box
    img
      width 100%
</style>
